<template>
	<div id="trunk">
		<vHead appPath="/group" appTitle="圈组" v-if="flag">
            <router-link to="/group/manage/selfCreated"><el-button type="primary" v-if="showBtn">圈组管理</el-button></router-link>
        </vHead>
		<main :class="[!flag ? '' : 'main']"><router-view /></main>
		<vFoot v-if="flag"></vFoot>
	</div>
</template>

<script>
import vHead from "@/components/common/header";
import vFoot from '@/components/common/footer';
export default {
	components: {
		vHead,
		vFoot
    },
    computed: {
        flag(){
            return this.$route.name != 'postEdit';
        },
        showBtn(){
            return ['index','introduct'].includes(this.$route.name);
        }
    }
};
</script>
<style lang="scss">
.main {
	box-sizing: border-box;
	min-height: calc(100vh - 108px);
	padding: 25px 0 40px;
}
@import './../../../assets/css/group.css';
</style>
